// 主题色变量
:root {
  // 主色调
  --primary-color: #5849A8;
  --primary-light: #8067D8;
  --primary-dark: #463985;
  
  // 背景色
  --bg-color: #f5f7fa;
  --component-bg: #ffffff;
  
  // 文字颜色
  --text-primary: #333333;
  --text-regular: #666666;
  --text-secondary: #999999;
  
  // 边框颜色
  --border-color: #dcdfe6;
  --border-light: #e4e7ed;
  
  // 其他颜色
  --success-color: #67c23a;
  --warning-color: #e6a23c;
  --danger-color: #f56c6c;
  --info-color: #909399;
}

// 暗黑模式
html.dark {
  // 主色调保持不变，让品牌色一致
  --primary-color: #5849A8;
  --primary-light: #8067D8;
  --primary-dark: #463985;
  
  // 背景色
  --bg-color: #1a1a1a;
  --component-bg: #2b2b2b;
  
  // 文字颜色
  --text-primary: #ffffff;
  --text-regular: #e0e0e0;
  --text-secondary: #909399;
  
  // 边框颜色
  --border-color: #4c4c4c;
  --border-light: #363636;
  
  // 其他颜色的暗色版本
  --success-color: #529b2e;
  --warning-color: #b88230;
  --danger-color: #c45656;
  --info-color: #737373;
} 